<script setup >
async function goDetail(id) {
  await navigateTo({
    path: `/events/past-detail`,
    query: {
      id: id,
    }
  })
}
</script>

<template>
  <div class="content grid grid-cols-3 gap-8 overflow-hidden">
    <div @click="goDetail(i)" class="item bg-white rounded-md flex flex-col justify-center overflow-hidden" v-for="i in 3">
      <img src="/img/events/highlight.png" alt="">
      <div class="title text-#333 text-4.5 font-500 px-15px my-10px ellipsis">
        院士寄语 青年论道 普陀区创新创业论坛探索科技金融新蓝图
      </div>
      <div class="px-15px  text-#666 text-4 my-10px ellipsis-2">
        10月14日，正在长沙出席理事工作会议的博整亚洲论坛理事会见了湖南省省委书记杜毫10月14日，正在长沙出席理事工作会议的博整亚洲论坛理事会见了湖南省省委书记杜毫
      </div>
      <div class="text-#999 text-14px flex justify-end m-10px pr-10px ellipsis">
        2023年04月06日
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.item {
  cursor: pointer;
}
</style>